.editor-toolbar {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #e9e9e9;
  background: #fbfbfb;
  text-align: center;

  details {
    z-index: 9;
    display: inline-block;
  }

  .heading2 {
    font-size: 1.5em;
    font-weight: bold;
  }
  .heading3  {
    font-size: 1.25em;
    font-weight: bold;
  }
  .heading4 {
    font-size: 1em;
    font-weight: bold;
  }
  .heading5 {
    font-size: 0.875em;
    font-weight: bold;
  }
  .heading6 {
    font-size: 0.85em;
    color: #111;
    font-weight: bold;
  }

  .dropdown-item {
    text-align: left;
  }

  .dropdown-caret {
    transform: translateY(3px);
  }
  .bar-button {
    cursor: pointer;
    background: transparent;
    border: 0;
    color: #979797;
    padding: 4px;
    line-height: 100%;
    border-radius: 2px;
    margin: 0 1px;
    border: 1px solid transparent;
    display: inline-block;
    font-size: 18px;

    &:hover,
    &.active {
      color: $primary;
      background: #eee;
      border: 1px solid #e9e9e9;
    }
    &.disabled {
      color: #ececec !important;
      background: transparent !important;
      border-color: transparent !important;
      .fas {
        color: #ececec !important;
      }
    }
  }

  .bar-divider {
    border-left: 1px solid #e9e9e9;
    margin-left: 6px;
    padding-right: 6px;
  }
}